<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

	<p:dialog header="#{msg['message.ess.idiomas.panelHeader']}"
		id="dlgIdioma" widgetVar="dlgWvIdioma" modal="true" dynamic="true"
		draggable="false" resizable="false">
		<p:panel id="pnlDlgIdioma">

			<p:panelGrid>

				<p:row>
					<!-- Idioma -->
					<p:column>
						<p:outputLabel for="essIdiIdiomaDlg"
							value="#{msg['message.ess.idiomas.idioma']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essIdiIdiomaDlg" style="width:175px"
							value="#{idiomasMB.idioma.fnIdIdioma}">
							<f:selectItem itemLabel="Seleccione el idioma" itemValue=""></f:selectItem>
							<f:selectItems value="#{catalogosMB.listaIdiomas}" var="idioma"
								itemLabel="#{idioma.nombre}" itemValue="#{idioma.id}" />
						</p:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<!-- Nivel Idioma -->
					<p:column>
						<p:outputLabel for="essIdiNivelDlg"
							value="#{msg['message.ess.idiomas.nivel']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essIdiNivelDlg" style="width:175px"
							value="#{idiomasMB.idioma.idNivelIdioma}">
							<f:selectItem itemLabel="Seleccione el nivel" itemValue=""></f:selectItem>
							<f:selectItems value="#{catalogosMB.listaNivelIdiomas}"
								var="nivel" itemLabel="#{nivel.nombre}" itemValue="#{nivel.id}" />
						</p:selectOneMenu>
					</p:column>
				</p:row>

			</p:panelGrid>

			<h:panelGroup layout="block" style="text-align:center;">
				<p:commandButton value="#{msg['message.upload.cerrar']}"
					onclick="dlgWvIdioma.hide();" update="pnlDlgIdioma"
					action="#{idiomasMB.reInitDialog}" global="false">
				</p:commandButton>
				<p:commandButton value="#{msg['message.ess.agregar']}"
					update="pnlDlgIdioma dtIdiomas" action="#{idiomasMB.reInitDialog}"
					global="false"
					oncomplete="handleRequestIdiomas(xhr, status, args);">
					<p:collector value="#{idiomasMB.idioma}"
						addTo="#{idiomasMB.idiomas}" />
				</p:commandButton>
			</h:panelGroup>
		</p:panel>
	</p:dialog>

	<p:confirmDialog
		message="#{msg['message.ess.eliminarRegistro.mensaje']}"
		widgetVar="dlgIdiConfirmaEliminarReg">
		<h:panelGroup layout="block" style="text-align: right;">
			<p:commandButton id="cbIdiConfirmaEliminarReg" value="Si"
				update="dtIdiomas" oncomplete="dlgIdiConfirmaEliminarReg.hide()"
				actionListener="#{idiomasMB.eliminarRegistros}"
				process="@this, dtIdiomas" />
			<p:commandButton id="cbIdiDeclinarEliminarReg" value="No"
				onclick="dlgIdiConfirmaEliminarReg.hide()" type="button" />
		</h:panelGroup>
	</p:confirmDialog>

	<p:confirmDialog
		message="#{msg['message.ess.eliminarRegistro.mensaje.sinSel']}"
		widgetVar="dlgIdiSinSeleccion">
		<h:panelGroup layout="block" style="text-align: right">
			<p:commandButton id="Idiok" value="Aceptar"
				onclick="dlgIdiSinSeleccion.hide()" type="button" />
		</h:panelGroup>
	</p:confirmDialog>

	<script type="text/javascript">
		function handleRequestIdiomas(xhr, status, args) {
			if (!args.validationFailed) {
				dlgWvIdioma.hide();
			}
		}
	</script>

</ui:composition>